<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>龙天彪 - 物联网工程专业大三学生</title>
    <meta name="description" content="龙天彪的个人主页，展示物联网工程专业学习成果、项目经历和校园活动">
    <meta name="keywords" content="物联网工程,嵌入式开发,传感器技术,龙天彪,大学生,个人主页">
    <meta name="author" content="龙天彪">
    
    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="龙天彪 - 物联网工程专业大三学生">
    <meta property="og:description" content="物联网工程专业大三学生，专注于物联网技术学习和项目实践">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://123caiji.github.io">
    <meta property="og:image" content="https://123caiji.github.io/assets/images/avatar/avatar.png">
    
    <!-- Favicon -->
    <link rel="icon" type="image/png" href="assets/images/avatar/avatar.png">
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://123caiji.github.io">
    
    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <!-- Styles -->
    <link rel="stylesheet" href="styles.css">
    
    <!-- Structured Data -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Person",
        "name": "龙天彪",
        "jobTitle": "物联网工程专业学生",
        "description": "物联网工程专业大三学生，专注于物联网技术学习和嵌入式开发实践",
        "url": "https://123caiji.github.io",
        "image": "https://123caiji.github.io/assets/images/avatar/avatar.png",
        "sameAs": [
            "https://github.com/123caiji",
            "https://linkedin.com/in/your-profile"
        ],
        "alumniOf": {
            "@type": "EducationalOrganization",
            "name": "大连东软信息学院"
        },
        "knowsAbout": [
            "物联网工程",
            "嵌入式开发",
            "传感器技术",
            "Arduino",
            "STM32",
            "C/C++",
            "Python"
        ],
        "hasOccupation": {
            "@type": "Occupation",
            "name": "物联网工程师",
            "occupationLocation": {
                "@type": "City",
                "name": "大连"
            }
        }
    }
    </script>
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="nav-container">
            <div class="nav-logo">
                <a href="#home">龙天彪</a>
            </div>
            <ul class="nav-menu">
                <li><a href="#home" class="nav-link">首页</a></li>
                <li><a href="#about" class="nav-link">关于我</a></li>
                <li><a href="#research" class="nav-link">学习兴趣</a></li>
                <li><a href="#publications" class="nav-link">项目展示</a></li>
                <li><a href="blog.html" class="nav-link">技术博客</a></li>
                <li><a href="#certificates" class="nav-link">证书展示</a></li>
                <li><a href="#experience" class="nav-link">校园经历</a></li>
                <li><a href="#contact" class="nav-link">联系方式</a></li>
            </ul>
            <div class="nav-controls">
                <button class="theme-toggle" id="theme-toggle" title="切换主题">
                    <i class="fas fa-moon"></i>
                </button>
                <div class="hamburger">
                    <span class="bar"></span>
                    <span class="bar"></span>
                    <span class="bar"></span>
                </div>
            </div>
        </div>
    </nav>

    <!-- 首页部分 -->
    <section id="home" class="hero">
        <div class="hero-container">
            <div class="hero-content">
                <div class="hero-text">
                    <h1 class="hero-title">你好，我是 <span class="highlight">龙天彪</span></h1>
                    <h2 class="hero-subtitle">物联网工程专业大三学生</h2>
                    <p class="hero-description">
                        专注于物联网技术学习和嵌入式开发实践，热爱智能硬件和物联网项目开发。
                        积极参与校园活动和技术竞赛，努力提升专业技能和综合素质。
                    </p>
                    <div class="hero-buttons">
                        <a href="#about" class="btn btn-primary">了解更多</a>
                        <a href="#contact" class="btn btn-secondary">联系我</a>
                    </div>
                </div>
                <div class="profile-card">
                    <img src="assets/images/avatar/avatar.png" alt="龙天彪" class="profile-img">
                    <div class="profile-overlay">
                        <div class="social-links">
                            <a href="mailto:your-email@example.com" class="social-link" title="邮箱">
                                <i class="fas fa-envelope"></i>
                            </a>
                            <a href="https://github.com/123caiji" class="social-link" title="GitHub" target="_blank">
                                <i class="fab fa-github"></i>
                            </a>
                            <a href="https://linkedin.com/in/your-profile" class="social-link" title="LinkedIn" target="_blank">
                                <i class="fab fa-linkedin"></i>
                            </a>
                            <a href="https://twitter.com/your-handle" class="social-link" title="Twitter" target="_blank">
                                <i class="fab fa-twitter"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 关于我部分 -->
    <section id="about" class="about">
        <div class="container">
            <h2 class="section-title">关于我</h2>
            <div class="about-content">
                <div class="about-text">
                    <p>
                        我是一名物联网工程专业的大三学生，对物联网技术和嵌入式开发充满热情。
                        在校期间积极参与各种物联网项目和竞赛，努力提升自己的专业能力和实践经验。
                    </p>
                    <p>
                        我的学习兴趣主要集中在嵌入式系统开发、传感器技术、物联网通信协议、智能硬件设计等方面。
                        希望通过不断学习和实践，为未来的职业发展打下坚实的基础，为社会贡献自己的技术力量。
                    </p>
                    
                    <div class="education">
                        <h3>教育背景</h3>
                        <div class="education-item">
                            <h4>物联网工程 学士学位</h4>
                            <p>大连东软信息学院 | 2022-2026</p>
                            <p>主修物联网工程，目前大三在读，GPA: 3.6/4.0</p>
                        </div>
                        <div class="education-item">
                            <h4>相关课程</h4>
                            <p>已修读：物联网概论、嵌入式系统、传感器技术、无线通信、单片机原理等</p>
                            <p>正在学习：物联网安全、云计算、大数据处理、人工智能等</p>
                        </div>
                    </div>

                    <div class="skills">
                        <h3>专业技能</h3>
                        <div class="skill-tags">
                            <span class="skill-tag">C/C++</span>
                            <span class="skill-tag">Python</span>
                            <span class="skill-tag">嵌入式开发</span>
                            <span class="skill-tag">单片机</span>
                            <span class="skill-tag">传感器技术</span>
                            <span class="skill-tag">无线通信</span>
                            <span class="skill-tag">Arduino</span>
                            <span class="skill-tag">STM32</span>
                            <span class="skill-tag">物联网协议</span>
                            <span class="skill-tag">Linux</span>
                        </div>
                    </div>
                </div>
                
                <div class="about-stats">
                    <div class="stat-item">
                        <div class="stat-number">3</div>
                        <div class="stat-label">年学习经历</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number">10+</div>
                        <div class="stat-label">完成项目</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number">5+</div>
                        <div class="stat-label">编程语言</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number">8+</div>
                        <div class="stat-label">技术认证</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 学习兴趣部分 -->
    <section id="research" class="research">
        <div class="container">
            <h2 class="section-title">学习兴趣</h2>
            <div class="research-grid">
                <div class="research-card">
                    <div class="research-icon">
                        <i class="fas fa-microchip"></i>
                    </div>
                    <h3>嵌入式系统开发</h3>
                    <p>专注于嵌入式系统开发技术，包括单片机编程、ARM架构、实时操作系统等，致力于构建智能硬件系统。</p>
                </div>
                <div class="research-card">
                    <div class="research-icon">
                        <i class="fas fa-wifi"></i>
                    </div>
                    <h3>物联网通信协议</h3>
                    <p>学习物联网通信技术，包括WiFi、蓝牙、ZigBee、LoRa等无线通信协议，关注物联网设备互联互通。</p>
                </div>
                <div class="research-card">
                    <div class="research-icon">
                        <i class="fas fa-thermometer-half"></i>
                    </div>
                    <h3>传感器技术与应用</h3>
                    <p>探索各种传感器技术，学习温度、湿度、压力、光照等传感器的原理和应用，培养物联网感知能力。</p>
                </div>
                <div class="research-card">
                    <div class="research-icon">
                        <i class="fas fa-home"></i>
                    </div>
                    <h3>智能硬件设计</h3>
                    <p>深入研究智能硬件设计，包括电路设计、PCB设计、智能家居系统等，为物联网应用开发做准备。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 项目展示部分 -->
    <section id="publications" class="publications">
        <div class="container">
            <h2 class="section-title">项目展示</h2>
            <div class="publications-list">
                <div class="publication-item">
                    <div class="publication-year">2025</div>
                    <div class="publication-content">
                        <h3>智能宿舍环境监控系统</h3>
                        <p class="publication-authors">龙天彪</p>
                        <p class="publication-venue">课程设计项目</p>
                        <div class="publication-links">
                            <a href="projects.html" class="publication-link">查看详情</a>
                            <a href="#" class="publication-link">代码</a>
                            <a href="#" class="publication-link">文档</a>
                        </div>
                    </div>
                </div>
                
                <div class="publication-item">
                    <div class="publication-year">2025</div>
                    <div class="publication-content">
                        <h3>基于Arduino的智能植物养护系统</h3>
                        <p class="publication-authors">龙天彪</p>
                        <p class="publication-venue">创新实践项目</p>
                        <div class="publication-links">
                            <a href="#" class="publication-link">演示</a>
                            <a href="#" class="publication-link">代码</a>
                            <a href="#" class="publication-link">文档</a>
                        </div>
                    </div>
                </div>
                
                <div class="publication-item">
                    <div class="publication-year">2025</div>
                    <div class="publication-content">
                        <h3>STM32物联网数据采集系统</h3>
                        <p class="publication-authors">龙天彪</p>
                        <p class="publication-venue">个人项目</p>
                        <div class="publication-links">
                            <a href="#" class="publication-link">演示</a>
                            <a href="#" class="publication-link">代码</a>
                            <a href="#" class="publication-link">文档</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 证书展示部分 -->
    <section id="certificates" class="certificates">
        <div class="container">
            <h2 class="section-title">证书展示</h2>
            <div class="certificates-grid">
                <div class="certificate-item">
                    <div class="certificate-image">
                        <img src="assets/images/certificates/national-security-certificate.jpg" alt="国家信息安全水平证书">
                    </div>
                    <div class="certificate-content">
                        <h3>国家信息安全水平证书</h3>
                        <p>通过国家信息安全水平考试，获得信息安全专业认证</p>
                        <span class="certificate-year">2025</span>
                    </div>
                </div>
                
                <div class="certificate-item">
                    <div class="certificate-image">
                        <img src="assets/images/certificates/noda-cup-network-tech.jpg" alt="诺达杯网络技术大赛证书">
                    </div>
                    <div class="certificate-content">
                        <h3>诺达杯网络技术大赛证书</h3>
                        <p>在第十二届诺达杯网络技术大赛中获得优异成绩，展现网络技术实力</p>
                        <span class="certificate-year">2025</span>
                    </div>
                </div>
                
                <div class="certificate-item">
                    <div class="certificate-image">
                        <img src="assets/images/certificates/pangu-cup-forensics.jpg" alt="盘古石杯电子数据取证大赛证书">
                    </div>
                    <div class="certificate-content">
                        <h3>盘古石杯电子数据取证大赛证书</h3>
                        <p>在第三届"盘古石杯"电子数据取证大赛中获得优异成绩，展现数据取证能力</p>
                        <span class="certificate-year">2025</span>
                    </div>
                </div>
                
                <div class="certificate-item">
                    <div class="certificate-image">
                        <img src="assets/images/certificates/datacon-bigdata-security.jpg" alt="DataCon大数据安全分析竞赛证书">
                    </div>
                    <div class="certificate-content">
                        <h3>DataCon大数据安全分析竞赛证书</h3>
                        <p>在DataCon 2025大数据安全分析竞赛中获得优异成绩，展现大数据安全分析能力</p>
                        <span class="certificate-year">2025</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 校园经历部分 -->
    <section id="experience" class="experience">
        <div class="container">
            <h2 class="section-title">校园经历</h2>
            
            <div class="experience-section">
                <h3 class="section-subtitle">学习经历</h3>
                <div class="experience-timeline">
                    <div class="timeline-item">
                        <div class="timeline-date">2022-2026</div>
                        <div class="timeline-content">
                            <h4>物联网工程专业</h4>
                            <p>大连东软信息学院</p>
                            <ul>
                                <li>主修物联网工程，目前大三在读</li>
                                <li>GPA: 3.6/4.0，专业排名前20%</li>
                                <li>已修读物联网概论、嵌入式系统、传感器技术等核心课程</li>
                                <li>正在学习物联网安全、云计算、大数据处理等高级课程</li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="timeline-item">
                        <div class="timeline-date">2023-2025</div>
                        <div class="timeline-content">
                            <h4>项目实践</h4>
                            <p>课程设计 & 国家创新项目</p>
                            <ul>
                                <li>完成智能宿舍环境监控系统课程设计项目</li>
                                <li>参与基于Arduino的智能植物养护系统创新项目</li>
                                <li>独立开发STM32物联网数据采集系统</li>
                                <li>参与多个物联网创新设计竞赛</li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="timeline-item">
                        <div class="timeline-date">2022-2025</div>
                        <div class="timeline-content">
                            <h4>技能提升</h4>
                            <p>自主学习 & 专业认证</p>
                            <ul>
                                <li>通过嵌入式开发工程师认证考试</li>
                                <li>获得物联网工程师和Arduino开发认证</li>
                                <li>学习嵌入式开发、传感器技术、无线通信等</li>
                                <li>参与开源硬件项目贡献和技术学习</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="experience-section">
                <h3 class="section-subtitle">获奖经历</h3>
                <div class="awards-grid">
                    <div class="award-item">
                        <div class="award-icon">
                            <i class="fas fa-trophy"></i>
                        </div>
                        <div class="award-content">
                            <h4>物联网创新设计竞赛</h4>
                            <p>获得二等奖，在物联网创新项目中表现优异</p>
                            <span class="award-year">2025</span>
                        </div>
                    </div>
                    
                    <div class="award-item">
                        <div class="award-icon">
                            <i class="fas fa-medal"></i>
                        </div>
                        <div class="award-content">
                            <h4>校级奖学金</h4>
                            <p>获得校级三等奖学金，学业成绩优秀</p>
                            <span class="award-year">2025</span>
                        </div>
                    </div>
                    
                    <div class="award-item">
                        <div class="award-icon">
                            <i class="fas fa-star"></i>
                        </div>
                        <div class="award-content">
                            <h4>优秀学生干部</h4>
                            <p>获得校级优秀学生干部称号</p>
                            <span class="award-year">2025</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="experience-section">
                <h3 class="section-subtitle">校园活动</h3>
                <div class="campus-activity">
                    <h4>物联网创新社团技术部部长</h4>
                    <ul>
                        <li>组织物联网技术分享会和培训活动</li>
                        <li>举办嵌入式开发竞赛和智能硬件设计比赛</li>
                        <li>带领团队参加各类物联网创新竞赛</li>
                        <li>协助组织校园物联网科技节活动</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- 联系方式部分 -->
    <section id="contact" class="contact">
        <div class="container">
            <h2 class="section-title">联系方式</h2>
            <div class="contact-content">
                <div class="contact-info">
                    <div class="contact-item">
                        <div class="contact-icon">
                            <i class="fas fa-envelope"></i>
                        </div>
                        <div class="contact-details">
                            <h3>邮箱</h3>
                            <p>your-email@example.com</p>
                        </div>
                    </div>
                    
                    <div class="contact-item">
                        <div class="contact-icon">
                            <i class="fas fa-phone"></i>
                        </div>
                        <div class="contact-details">
                            <h3>电话</h3>
                            <p>+86 138-0000-0000</p>
                        </div>
                    </div>
                    
                    <div class="contact-item">
                        <div class="contact-icon">
                            <i class="fas fa-map-marker-alt"></i>
                        </div>
                        <div class="contact-details">
                            <h3>地址</h3>
                            <p>北京市海淀区中关村大街</p>
                        </div>
                    </div>
                    
                    <div class="contact-item">
                        <div class="contact-icon">
                            <i class="fab fa-github"></i>
                        </div>
                        <div class="contact-details">
                            <h3>GitHub</h3>
                            <p>github.com/123caiji</p>
                        </div>
                    </div>
                </div>
                
                <div class="contact-form">
                    <h3>发送消息</h3>
                    <form>
                        <div class="form-group">
                            <input type="text" placeholder="您的姓名" required>
                        </div>
                        <div class="form-group">
                            <input type="email" placeholder="您的邮箱" required>
                        </div>
                        <div class="form-group">
                            <input type="text" placeholder="主题" required>
                        </div>
                        <div class="form-group">
                            <textarea placeholder="您的消息" required></textarea>
                        </div>
                        <button type="submit" class="btn btn-primary">发送消息</button>
                    </form>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <p>&copy; 2025 龙天彪. 保留所有权利.</p>
                <div class="footer-links">
                    <a href="mailto:your-email@example.com" title="邮箱">
                        <i class="fas fa-envelope"></i>
                    </a>
                    <a href="https://github.com/123caiji" title="GitHub" target="_blank">
                        <i class="fab fa-github"></i>
                    </a>
                    <a href="https://linkedin.com/in/your-profile" title="LinkedIn" target="_blank">
                        <i class="fab fa-linkedin"></i>
                    </a>
                    <a href="https://twitter.com/your-handle" title="Twitter" target="_blank">
                        <i class="fab fa-twitter"></i>
                    </a>
                </div>
            </div>
        </div>
    </footer>

    <!-- JavaScript -->
    <script src="script.js"></script>
    
    <!-- Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'GA_MEASUREMENT_ID');
    </script>
    
    <!-- 自定义分析 -->
    <script>
        // 简单的访问统计
        function trackPageView() {
            const visitData = {
                page: window.location.pathname,
                timestamp: new Date().toISOString(),
                userAgent: navigator.userAgent,
                referrer: document.referrer,
                screen: {
                    width: screen.width,
                    height: screen.height
                },
                viewport: {
                    width: window.innerWidth,
                    height: window.innerHeight
                }
            };
            
            // 这里可以发送数据到你的分析服务
            console.log('Page view tracked:', visitData);
            
            // 存储到本地存储（可选）
            const visits = JSON.parse(localStorage.getItem('pageVisits') || '[]');
            visits.push(visitData);
            localStorage.setItem('pageVisits', JSON.stringify(visits.slice(-100))); // 只保留最近100次访问
        }
        
        // 跟踪用户交互
        function trackInteraction(action, element) {
            const interactionData = {
                action: action,
                element: element,
                timestamp: new Date().toISOString(),
                page: window.location.pathname
            };
            
            console.log('Interaction tracked:', interactionData);
        }
        
        // 页面加载时跟踪
        document.addEventListener('DOMContentLoaded', function() {
            trackPageView();
            
            // 跟踪按钮点击
            document.querySelectorAll('button, .btn, .nav-link').forEach(element => {
                element.addEventListener('click', function() {
                    trackInteraction('click', this.className || this.tagName);
                });
            });
            
            // 跟踪表单提交
            document.querySelectorAll('form').forEach(form => {
                form.addEventListener('submit', function() {
                    trackInteraction('form_submit', 'contact_form');
                });
            });
            
            // 跟踪滚动深度
            let maxScroll = 0;
            window.addEventListener('scroll', function() {
                const scrollPercent = Math.round((window.scrollY / (document.body.scrollHeight - window.innerHeight)) * 100);
                if (scrollPercent > maxScroll) {
                    maxScroll = scrollPercent;
                    if (maxScroll % 25 === 0) { // 每25%记录一次
                        trackInteraction('scroll', `scroll_${maxScroll}%`);
                    }
                }
            });
        });
    </script>
</body>
</html>
